﻿<!DOCTYPE html>
<html class="no-js css-menubar" lang="zh-cn">

<head>
    <title>弹窗子页面</title>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <!-- 移动设备 viewport -->
    <meta name="viewport"
        content="width=device-width,initial-scale=1.0,minimum-scale=1.0,maximum-scale=1.0,user-scalable=no,minimal-ui">
    <meta name="author" content="火星科技 http://cesium.marsgis.cn ">
    <!-- 360浏览器默认使用Webkit内核 -->
    <meta name="renderer" content="webkit">
    <!-- Chrome浏览器添加桌面快捷方式（安卓） -->
    <link rel="icon" type="image/png" href="../../img/favicon/favicon.png">
    <meta name="mobile-web-app-capable" content="yes">
    <!-- Safari浏览器添加到主屏幕（IOS） -->
    <link rel="icon" sizes="192x192" href="img/favicon/apple-touch-icon.png">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-title" content="火星科技MarsGIS">
    <!-- Win8标题栏及ICON图标 -->
    <link rel="apple-touch-icon-precomposed" href="../../img/favicon/apple-touch-icon.png">
    <meta name="msapplication-TileImage" content="../../img/favicon/app-icon72x72@2x.png">
    <meta name="msapplication-TileColor" content="#62a8ea">

    <!-- 第3方lib引入 -->
    <script type="text/javascript" src="../../lib/include-lib.js?time=20200510" libpath="../../lib/"
        include="jquery,font-awesome,bootstrap,bootstrap-checkbox,bootstrap-table,admui-frame"></script>

    <link href="city-picker/city-picker.css" rel="stylesheet" />
    <script src="city-picker/city-picker.data.js"></script>
    <script src="city-picker/city-picker.js"></script>
    <link href="../../css/widget-win.css" rel="stylesheet" />
    <link href="view.css?time=20200510" rel="stylesheet" />
    <style>
        .city-picker-span {
            display: block;
            margin: 0 auto 20px;
        }

        .form-control {
            max-width: 80%;
        }

        .radio {
            margin-top: 0;
        }

        .city-picker-span>.title>span {
            color: #ffffff;
        }
    </style>
</head>

<body>
        <div style="padding: 10px 70px">
            <div>
                <span>范围：</span>
                <div class="radio radio-info radio-inline">
                    <input type="radio" id="queryContent1" name="queryContent" value="1" checked>
                    <label for="queryContent1">指定城市</label>
                </div>
                <div class="radio radio-info radio-inline">
                    <input type="radio" id="queryContent2" name="queryContent" value="2">
                    <label for="queryContent2">当前视域附近</label>
                </div>
                <div class="radio radio-info radio-inline">
                    <input type="radio" id="queryContent3" name="queryContent" value="3">
                    <label for="queryContent3">指定范围</label>
                </div>
            </div>
            <div style="position: relative;margin-top: 10px" class="queryByCity">
                <input id="txtCity" readonly type="text" placeholder="请选择城市" style="width: 100%;">
            </div>
            <div class="queryByDraw" style="display: none;margin-top: 10px;text-align: center">
                <input type="button" class="btn btn-primary" value="框选范围" id="drawRectangle" />
                <input type="button" class="btn btn-primary" value="圆形范围" id="drawCircle" />
                <input type="button" class="btn btn-primary" value="多边形范围" id="drawPolygon" />
            </div>
            <div style="margin-top: 10px;"><span>名称：</span><input id="queryText" type="text" placeholder="请输入查询关键字" value="" class="form-control "></div>
        </div>

        <div style="margin-top: 10px;margin-bottom: 10px;text-align: center;">
            <input type="button" class="btn btn-primary" value="查询" id="query" />
            <input type="button" class="btn btn-primary" value="清除" id="clearDraw" />
        </div>
        
        <div id="resultView" style="max-width:500px;display: none">
            <table id="table"></table>
            <div>
                <input type="button" class="btn btn-primary" value="加载更多" id="loadMore" />
                <div style="float: right;">
                    <!-- 大约&nbsp;&nbsp;<span style="color: red;" id="allcount">0</span>&nbsp;&nbsp;条数据， -->
                    已加载&nbsp;&nbsp;<span style="color: red;" id="count">0</span>&nbsp;&nbsp;条数据
                </div>
            </div>
        </div> 

    <script src="view.js?time=20200510"></script> 
</body> 
</html>